<template>
  <div class="base-property">
    <table>
      <tr>
        <td>
          <div class="content">
            <span class="title">党支部数量</span>
            <span><span class="num">{{milliFormat(hswyAll.dzbsl)}}</span> 个</span>
          </div>
        </td>
        <td>
          <div class="content">
            <span class="title">党员人数</span>
            <span><span class="num">{{milliFormat(hswyAll.dyrs)}}</span> 人</span>
          </div>
        </td>
        <td>
          <div class="content">
            <span class="title">预备党员人数</span>
            <span><span class="num">{{milliFormat(hswyAll.ybdyrs)}}</span> 人</span>
          </div>
        </td>
      </tr>
      <tr>
        <td>
          <div class="content">
            <span class="title">党员活动（本年度）</span>
            <span><span class="num">{{milliFormat(hswyAll.dyhdcs)}}</span> 场</span>
          </div>
        </td>
        <td>
          <div class="content">
            <span class="title">党建活动参与人数<span>（本年度）</span></span>
            <span><span class="num">{{milliFormat(hswyAll.dyhdcyrs)}}</span> 人</span>
          </div>
        </td>
        <td>
          <div class="content">
            <span class="title">党组织生活会（本年度）</span>
            <span><span class="num">{{milliFormat(hswyAll.dzzshhcs)}}</span> 次</span>
          </div>
        </td>
      </tr>
    </table>
  </div>
</template>

<script>
import { milliFormat } from 'js/utils'
export default {
  props: {
    hswyAll: {
      type: Object,
      default: ()=>{}
    }
  },
  data () {
    return {
      
    }
  },
  methods: {
    milliFormat(num) {
      return milliFormat(num)
    },
  }
}
</script>

<style lang="scss">
.base-property{
  height: 100%;
  width: 100%;
  padding: 20px 0;
  display: flex;
  justify-content: center;
  table {
    width: 90%;
    tr {
      display: flex;
      td {
        flex: 1;
        border: 1px solid #1C639B;
        color:rgba(124,161,210,1);
        .content {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: center;
          // padding: 10px 20px;
          height: 80px;
        }
        .title {
          font-size:13px;
          font-family:Microsoft YaHei;
          // font-weight:600;
          padding-bottom: 5px;
          text-align: center;
          line-height: 15px;
          display: flex;
          flex-direction: column;
          height: 30px;
        }
        .num {
          font-size:20px;
          font-family:FZZhunYuan-M02S;
          font-weight:600;
          color:rgba(255,118,140,1);
        }
      }
    }
  }
}
</style>>
